<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/swiper-bundle.min.css">
  <link rel="stylesheet" href="css/swiper.min.css">
  <link rel="stylesheet" href="css/certify.css">
  <link rel="stylesheet" href="css/commonality.css">
  <link rel="stylesheet" href="css/same.css">
  <link rel="stylesheet" href="css/banner.css">
  <link rel="stylesheet" href="css/product.css">
</head>

<body>
  <!-- 2024-08-09 王文辉  -->
  <!-- 导航栏开始 -->
  <div class="wwh-header-top ">
    <div class="wwh-content clearfix">
      <div>
        <i></i>
        <span>中国站</span>
        <span>▼</span>
      </div>
    </div>
  </div>
  <div class="wwh-header-nav clearfix">
    <div class="wwh-content clearfix">
      <div class="wwh-nav-log">
        <img src="https://www.jsteels.com/_nuxt/img/%E8%93%9D%E9%B2%B82.7afefaa.png" alt="">
      </div>
      <div class="wwh-nav-main clearfix">
        <div>
          <a>首页</a>
        </div>
        <div>
          <a>行业资讯</a>
          <div class="wwh-show1 wwh-show">
            <div class="wwh-content clearfix">
              <span>资讯动态</span>
              <span>行业知识</span>
              <span>视频讲座</span>
            </div>
          </div>
        </div>
        <div>
          <a>工业互联网</a>
          <div class="wwh-show2 wwh-show">
            <div class="wwh-content clearfix">
              <span>
                数字化应用案例
                <ul>
                  <li>数字供应链</li>
                  <li>IoT与智能智造</li>
                  <li>5G MEC</li>
                  <li>大数据分析</li>
                  <li>工业APP</li>
                </ul>
              </span>
              <span>
                行业解决方案
                <ul>
                  <li>工业互联网智能智造成熟度评估</li>
                  <li>设备互联网云平台</li>
                </ul>
              </span>
              <span>在线咨询</span>
              <span>合作服务单位</span>
            </div>
          </div>
        </div>
        <div>
          <a>共享产能</a>
          <div class="wwh-show3 wwh-show">
            <div class="wwh-content clearfix">
              <span>空闲产能</span>
              <span>产能需求</span>
            </div>
          </div>
        </div>
        <div>
          <a>共享设计</a>
          <div class="wwh-show4 wwh-show">
            <div class="wwh-content clearfix">
              <span>设计需求发布</span>
              <span>合作设计单位</span>
            </div>
          </div>
        </div>
        <div>
          <a>共享用工</a>
          <div class="wwh-show5 wwh-show">
            <div class="wwh-content clearfix">
              <span>用工需求发布</span>
              <span>待工人员登记</span>
              <span>商业保险服务</span>
            </div>
          </div>
        </div>
        <div>
          <a>供应链金融</a>
        </div>
        <div>
          <a>企业服务</a>
          <div class="wwh-show6 wwh-show">
            <div class="wwh-content clearfix">
              <span>政策资讯</span>
              <span>法律服务</span>
              <span>财税服务</span>
              <span>申报服务</span>
              <span>人力资源服务专家</span>
            </div>
          </div>
        </div>
        <div>
          <a>会员企业风采</a>
        </div>
        <div>
          <a>关于我们</a>
        </div>
      </div>
      <div class="wwh-nav-right">
        <a href="">登录</a>
        <a href="">立即注册</a>
      </div>
    </div>
  </div>
  <!-- 导航栏结束 -->
  <!-- 轮播图开始 -->
  <div class="swiper-container banner">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="images/banner/05.jpg" alt="">
      </div>
      <div class="swiper-slide">
        <img src="images/banner/06.jpg" alt="">
      </div>
    </div>
    <!-- 分页器 -->
    <div class="swiper-pagination">
    </div>
    <!-- 上一个 下一个 -->
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>
  <!-- 轮播图结束 -->
  <!-- 中心内容开始 -->
  <div class="wwh-content">
    <div class="wwh-product-main01 ">
      <h1>经典案例展示</h1>
      <div class="wwh-product-main01-con clearfix">
        <!-- <div>
          <div class="wwh-main01-img">
            <img src="http://pic.rmb.bdstatic.com/bjh/news/a5d92f54e05f82e42fc7530517c7eb91.jpeg" alt="">
          </div>
          <p></p>
        </div> -->

      </div>
    </div>
    <div class="wwh-product-main01 wwh-product-main02">
      <h1>在线讲座</h1>
      <div id="certify">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide">
              <video controls src="https://www.jsteels.com/_nuxt/videos/%E5%9C%A8%E7%BA%BF%E8%AE%B2%E5%BA%A72.64a4fd4.mp4" style="width: 700px;
              height: 400px;"></video>
            </div>
            <div class="swiper-slide">
              <video controls src="https://www.jsteels.com/_nuxt/videos/%E5%9C%A8%E7%BA%BF%E8%AE%B2%E5%BA%A73.bff2cc0.mp4" style="width: 700px;
              height: 400px;"></video>
            </div>
            <div class="swiper-slide">
              <video controls src="https://www.jsteels.com/_nuxt/videos/%E5%9C%A8%E7%BA%BF%E8%AE%B2%E5%BA%A71.eac7f05.mp4" style="width: 700px;
              height: 400px;"></video>
            </div>
          </div>
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
      </div>
    </div>
    <div class="wwh-product-main01 wwh-product-main03">
      <h1>合作伙伴</h1>
      <div class="wwh-main03-con clearfix">
        <div>
          <img src="https://www.jsteels.com/_nuxt/img/%E7%BB%84%20150.9a800e9.png" alt="">
        </div>
        <div>
          <img src="https://www.jsteels.com/_nuxt/img/%E7%BB%84%20151.26c0a2a.png" alt="">
        </div>
        <div>
          <img src="https://www.jsteels.com/_nuxt/img/%E7%BB%84%20152.a64ccec.png" alt="">
        </div>
        <div>
          <img src="https://www.jsteels.com/_nuxt/img/%E7%BB%84%20153.9cc6112.png" alt="">
        </div>
        <div>
          <img src="https://www.jsteels.com/_nuxt/img/%E7%BB%84%20155.e3b4a79.png" alt="">
        </div>
        <div>
          <img src="https://www.jsteels.com/_nuxt/img/%E7%BB%84%20154.5ce8bc3.png" alt="">
        </div>
        <div>
          <img src="https://www.jsteels.com/_nuxt/img/%E7%BB%84%20157.7beef4c.png" alt="">
        </div>
        <div>
          <img src="https://www.jsteels.com/_nuxt/img/%E7%BB%84%20156.df6df41.png
          " alt="">
        </div>
      </div>
    </div>
  </div>
  <!-- 中心内容结束 -->




  <!-- 底部开始 -->
  <div class="wwh-foot">
    <div class="wwh-content">
      <ul class="clearfix">
        <li>联系我们</li>
        <li>快速入口</li>
        <li>关于我们</li>
        <li>关注玖邦</li>
      </ul>
      <ul class="clearfix">
        <li>
          <p>服务电话：15689961768</p>
          <p>公司地址：山东省青岛市胶州市北京东路118号</p>
          <p>三里河孵化基地16楼</p>
          <p>邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱：services@jsteels.com</p>
        </li>
        <li>
          <p>电商 - 找钢网平台</p>
          <p>仓储 - 玖欣物联平台</p>
        </li>
        <li>
          <p>平台介绍</p>
          <p>联系我们</p>
          <p>免责声明</p>
        </li>
        <li>
          <img src="	https://www.jsteels.com/_nuxt/img/header-wechat.9483bd8.png" alt="">
        </li>
      </ul>
      <div class="wwh-foot-bottom">
        <span>Copyright</span>
        <span>©2021青岛玖邦工业互联网有限公司版权所有</span>
        <span>网站备案/许可证号：</span>
        <a href="">鲁ICP备2021035506号-5</a>
        <img src="https://www.jsteels.com/_nuxt/img/BA.0c57706.png" alt="">
        <a href="">鲁公网安备 37028102001230号</a>
      </div>
    </div>
  </div>
  <!-- 底部结束 -->
  <!-- 咨询联络开始 -->
  <div class="wwh-fix-nav">
    <img src="	https://www.jsteels.com/_nuxt/img/uouter2.b8c9f1c.png" alt="">
    <p>咨询联络</p>
    <img src="	https://www.jsteels.com/_nuxt/img/youjiantou.58f37f7.png" alt="">
    <div>
      <img src="https://www.jsteels.com/_nuxt/img/header-wechat3.9483bd8.png" alt="">
    </div>
  </div>
  <!-- 咨询联络结束 -->
  <!-- 返回顶部开始 -->
  <div class="wwh-top-nav">
    <h3>&lt;</h3>
  </div>
  <!-- 返回顶部结束 -->
</body>

</html>
<script src="./js/swiper-bundle.min.js"></script>
<script src="./js/banner.js"></script>
<script src="./js/top-nav.js"></script>
<script src="./js/ajax.js"></script>
<script src="./js/product.js"></script>
<!-- 页面跳转 -->
<script src="./js/nav.js"></script>
<script src="js/swiper.min.js"></script>
<script>
  certifySwiper = new Swiper('#certify .swiper-container', {
    watchSlidesProgress: true,
    slidesPerView:3,
    centeredSlides: true,
    loop: true,
    loopedSlides: 3,
    autoplay: true,
    navigation: {
      nextEl: '.swiper-button-next',
      prevEl: '.swiper-button-prev',
    },
    pagination: {
      el: '.swiper-pagination',
      // clickable :true,
    },
    on: {
      progress: function(progress) {
        for (i = 0; i < this.slides.length; i++) {
          var slide = this.slides.eq(i);
          var slideProgress = this.slides[i].progress;
          modify = 1;
          if (Math.abs(slideProgress) > 1) {
            modify = (Math.abs(slideProgress) - 1) * 0.3 + 1;
          }
          translate = slideProgress * modify * 260 + 'px';
          scale = 1 - Math.abs(slideProgress) / 5;
          zIndex = 999 - Math.abs(Math.round(10 * slideProgress));
          slide.transform('translateX(' + translate + ') scale(' + scale + ')');
          slide.css('zIndex', zIndex);
          slide.css('opacity', 1);
          if (Math.abs(slideProgress) > 3) {
            slide.css('opacity', 0);
          }
        }
      },
      setTransition: function(transition) {
        for (var i = 0; i < this.slides.length; i++) {
          var slide = this.slides.eq(i)
          slide.transition(transition);
        }
  
      }
    }
  
  })
  </script>